<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="wrap">

	<head>
		<meta charset="UTF-8">
		<title>virtualMachineManageClass</title>
		<link rel="stylesheet" href="css/pc/cores/style.css" />
		<link rel="stylesheet" href="css/public/fh.css" />
		<link rel="stylesheet" href="css/public/list.css" />
		<link rel="stylesheet" href="css/pc/cores/alert.css" />
		<link rel="stylesheet" href="css/pc/cores/noticeList.css" />
		<link rel="stylesheet" href="css/pc/modules/virtualMachineManageClass.css" />
	</head>

	<body>
		<!--面包屑-->
		<div class="crumbs">
			<div class="index-img"></div>
			<a href="javascript:void(0)" id="myPage">首页</a><label>></label>
			<a href="javascript:void(0)">虚机管理</a>
		</div>
		<!-- 标题 -->
		<div class="content_box">
			<div class="title_nav">
				<div class="title_box_select2 fl" id="table_one">虚机查询</div>
				<div class="title_box_select2 fl" id="table_two">教师虚机分配</div>
				<div class=" fl title_box_select" id="table_three">学生虚机分配</div>
			</div>

			<div class="panel search-mtop content_box">
				<div class="box2">
					<div class="srh-float">
						<span class="fl fl1">院&emsp;&emsp;系：</span>
						<select class="class-list search-input" id="department">
							<option value="0">请选择</option>
						</select>
					</div>
					<div class="srh-float">
						<div class="search2 hover-btn search-btn" href="javascript:void(0)" id="search">查询</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>

			<div class="panel  content_box mm-top">
				<div class="content_box">
					<div class="table-top">
						<table class="table-style">
							<tr class="tab-title">
								<td class="tab-first-width">编号</td>
								<td class="tab-second-width">班级名称</td>
								<td class="tab-second-width">院系</td>
								<td class="tab-second-width">专业</td>
								<td class="tab-second-width">班级人数</td>
								<td class="tab-second-width">已分配人数</td>
								<td class="tab-second-width">未分配人数</td>
								<td class="tab-second-width">分配类型</td>
								<td class="tab-second-width">操作</td>
							</tr>
							<tbody id="classList" class="">
							</tbody>
						</table>
						<div class="page">
							<div class="tcdPageCode">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ms"></div>
		<div class="teaVirbox">
			<div class="virTitle">分配虚机<span class="close"></span></div>
			<div class="teaVirCon">
				<ul class="virShow">
					<li>虚拟机总数:<span id="vmTotalNum"></span></li>
					<li>已分配虚机:<span id="vmAllocatedNum"></span></li>
					<li>未分配虚机:<span id="vmUnAllocatedNum"></span></li>
				</ul>
				<h3 class="fl tit3 tit">分配数量<p class="tips"><i></i><b></b><span>请填写本次分配虚拟机的总人数</span></h3>
				<div class="clear"></div>
				<div class="public_box ">
					<span class="fl public_title">分配总人数</span>
					<i class="colon">:</i>
					<input type="number" class="public_sbox" name="" id="countP" value="" placeholder="请输入总人数" />
					
				</div>
				<div class="clear"></div>
				<h3 class="fl tit1 tit">分配主机<p class="tips"><i></i><b></b><span>请填写为该班级分配的主机数量和配置</span></h3>
				<div class="clear"></div>
				<div class="public_box ">
					<span class="fl public_title">虚拟机数量</span>
					<i class="colon">:</i>
					<select id="hostNum" class="class-list">
						<option selected="" value="0">请选择</option>
						<option value="1" num="1">1</option>
						<option  value="2" num="2">2</option>
						<option value="2"  num="3">3</option>
					</select>
				</div>
				<div class="clear"></div>
				<div class="public_box ds">
					<span class="fl public_title">虚拟机配置</span>
					<i class="colon">:</i>
					<select id="hostFlavor" class="class-list">
						<option selected="" value="0">请选择</option>
					</select>
				</div>
				<div class="clear"></div>
				<h3 class="fl tit2 tit">分配从机<p class="tips"><i></i><b></b><span>请填写为该班级分配的从机数量和配置</span></h3>
				<div class="clear"></div>
				<div class="public_box ">
					<span class="fl public_title">虚拟机数量</span>
					<i class="colon">:</i>
					<select id="slaveNum" class="class-list">
						<option selected="" value="0">请选择</option>
						<option value="4" num="0">0</option>
						<option num="1">1</option>
						<option num="2">2</option>
						<option num="3">3</option>
					</select>
				</div>
				<div class="clear"></div>
				<div class="public_box ds dss">
					<span class="fl public_title">虚拟机配置</span>
					<i class="colon">:</i>
					<select id="slaveFlavor" class="class-list">
						<option selected="" value="0" cpu="0" ram="0" disk="0">请选择</option>
					</select>
				</div>
				<div class="clear"></div>
				<div id="allocate" class="public_btn">确定</div>
			</div>
		</div>
		<!--解除虚机-->
		<div class="dvirBox">
			<div class="virTitle">解除虚机<span class="close3"></span></div>
			<div class="dvirC">解绑/删除分配该班级使用的虚拟机?</div>
			<div class="public_btn unbind">解绑虚机</div>
			<div class="public_btn delt">删除虚机</div>
		</div>
		<script>
			var result = '${result}';
			result = JSON.parse(result);
		</script>
		<script type="text/javascript" src="js/public/jquery-1.11.2.min.js"></script>
		<script type="text/javascript" src="js/public/verification.js"></script>
		<script type="text/javascript" src="js/public/frame.js"></script>
		<script type="text/javascript" src="js/public/jquery.page.js"></script>
		<script type="text/javascript" src="js/pc/cores/delogin.js"></script>
		<script type="text/javascript" src="js/pc/cores/noticeShow.js"></script>
		<script type="text/javascript" src="js/pc/cores/Alert.js"></script>
		<script type="text/javascript" src="js/pc/modules/virtualMachineManageClass.js"></script>
	</body>

</html>